﻿@model G28BS.Models.GameRoom

<div id="mblfireworks">
    <div id="TicTacToe">
        <table id="cells">
            <tbody>
                <tr>
                    <td id="0">&nbsp;</td>
                    <td id="1">&nbsp;</td>
                    <td id="2">&nbsp;</td>
                </tr>
                <tr>
                    <td id="3">&nbsp;</td>
                    <td id="4">&nbsp;</td>
                    <td id="5">&nbsp;</td>
                </tr>
                <tr>
                    <td id="6">&nbsp;</td>
                    <td id="7">&nbsp;</td>
                    <td id="8">&nbsp;</td>
                </tr>
            </tbody>
        </table>
        <div id="difficultyBox" data-bind="visible: gameRoomState() == 'Waiting' && cpu">
            <label for="target">Erfiðleikastig:</label>
            <select id="selectDifficulty" data-bind="options: difficulty"></select>
        </div>
        <div id="gameStatus">
            <h3 id="turn"></h3>
            <table id="score">
                <tbody>
                    <tr>
                        <td>Sigrar:</td>
                        <td id="wins">0</td>
                    </tr>
                    <tr>
                        <td>Jafntefli:</td>
                        <td id="draws">0</td>
                    </tr>
                    <tr>
                        <td>Töp:</td>
                        <td id="losses">0</td>
                    </tr>
                </tbody>
            </table>
            <div id="rematch">
                <h3 id="rematchHeader"></h3>
                <input type='button' id='rematchButton' value='Já'>
            </div>
        </div>
    </div>
</div> 